<!--
 * @Author: 蔡继周
 * @Date: 2021-11-09 21:34:28
 * @LastEditTime : 2021-12-08 22:39:12
 * @LastEditors  : Shaquille.Cai
 * @Description: I have to do something...
 * @FilePath     : \\myBlog\\blogAdmin\\src\\App.vue
-->


<template>
  <router-view />
</template>

<script setup>
import api from "./api/index";
import { provide, readonly } from "vue";

//全局注入网络请求api
provide("$api", readonly({ ...api }));
</script>

<style>
@import "./assets/style/reset.css";
@import "./assets/style/index.scss";
/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.slide-fade-enter-active {
  transition: all 3s ease;
}
.slide-fade-leave-active {
  transition: all 3s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
  transform: translateX(10px);
  opacity: 0;
}
</style>
